@font-face {
  font-family: 'PPT';
  src: url('~@/assets/font/PPT.ttf') format('truetype');
}

body {
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: hidden;
  font-family: 'PPT', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
}

#root{
  width: 100%;
  height: 100%;
}

.App {
  // width: 100vw;
  // height: 100vh;
  width: 100%;
  height: 100%;
  font-family: 'PPT';
  color: rgb(121, 85, 72);
  // background: url('~@/assets/images/bg_02.png') center top fixed ;
  // background: url('~@/assets/images/bg_03.jpg') 0 / cover fixed;
  background: url('~@/assets/images/bg_01.jpg') 0 / cover fixed;
  // background-size: 100% 100%;
}

// 取消滚动条
.no-scrollbar{
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE 10+ */
  &::-webkit-scrollbar {
    display: none; /* Chrome Safari */
  }
}
// 阴影
.box-shadow{
   box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)
}

.wrap{
  padding: 20px 25px;
}

.options-area{
  justify-content: space-between;
}
// flex基础布局
.flex-row{
  display: flex;
}
.flex-column{
  display: flex;
  flex-direction: column;
}
// grid基础布局
.grid-2{
  display: grid;
  grid-template-columns: 50% 50%;
  .ant-form-item{
    padding: 0 5px;
  }
}

// 按钮颜色样式
$colors2: (
  'green': green,
  'warning': yellow
);

@each $key, $val in $colors2 {
  .btn-#{$key}{
    background-color: $val;
  }
};

$colors: (
	'blue': blue,
	'red': red,
	'green': green,
	'black': black,
	'deepSkyBlue': #00BFFF,
  'primary': #409EFF,
	'info': #909399,
  'success': #67C23A,
  'warning': #E6A23C,
  'danger': #F56C6C,
	'white': white
);
@each $key, $color in $colors {
	.text-#{$key} {
		color: $color !important;
	}
};